.file-upload {
  height: 38px;
  font-size: 1rem;

  &> div {
    padding-left: 0;
  }
  .drop-container {

    text-align: center;
  }

  .my-drop-zone {
    padding: 2px 4px;
    border: dotted 3px lightgray;
    height: 30px;
    font-size: 14px;
    line-height: 22px;

    .upload-file-name {
      display: inline-block;
      white-space:nowrap;
      overflow:hidden;
      width: 100%;
      text-overflow:ellipsis;
      color: #337ab7;
    }
  }
  .nv-file-over {
    border: dotted 3px red;
  }
  .upload-row {
    display: flex;

    .upload-input-wrapper {
      margin-right: 16px;

      .upload-input-container {
        display: none;
      }
      .upload-button-container {
        button {
          font-size: 14px;
        }
        label.link {
          line-height: 29px;
        }
      }
    }
  }

  .progress-wrapper {
    margin: 2px 0 0 0;
    height: 2px;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    .progress-bar {
      height: 100%;
      background-color: #337ab7;
      box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
      -o-transition: width 0.6s ease;
      transition: width 0.6s ease;
    }
  }

}
